<template>
  <div class="center">
    <div class="home">
    <my-head></my-head>
    <banner></banner>
    <mechanism></mechanism>
    <div class="main">
      <scene></scene>
      <advantage></advantage>
      <list></list>
      <process></process>
      <xinwen></xinwen>
      <parthner></parthner>
      <my-tail></my-tail>
    </div>
  </div>
  </div>
</template>

<script>
import Mechanism from '../testing/Mechanism.vue'
import Banner from '../testing/Banner.vue'
import Scene from '../testing/Scene.vue'
import Advantage from '../testing/Advantage.vue'
import List from '../testing/List.vue'
import Process from '../testing/Process.vue'
import Xinwen from '../testing/Xinwen.vue'
import Parthner from '../testing/Parthner.vue'
import MyHead from '../components/MyHead.vue'
import MyTail from '../components/MyTail.vue'
export default {
  name: 'Home',
  components: {Mechanism,Banner,Scene,Advantage,List,Process,Xinwen,Parthner,MyHead,MyTail}
}
</script>
<style scoped>
  .center{
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
  min-width: 1200px;
}
*{padding: 0;margin: 0;}
a{
  text-decoration: none;
}
ul,ol,li{
  list-style: none;
}
.scenarios, .advantage, .service-case, .service, .news, .partner 
{
padding: 96px 18px;
margin: 0 auto;
}
</style>
